<template>
  <svg
    width="280"
    height="180"
    viewBox="0 0 280 180"
    fill="none"
    xmlns="http://www.w3.org/2000/svg"
  >
    <rect width="280" height="180" fill="var(--el-fill-color-light)" />
    <g filter="url(#filter0_d_13239_209013)">
      <rect
        x="90"
        y="56"
        width="100"
        height="64"
        rx="2"
        fill="var(--el-fill-color-blank)"
      />
      <rect
        x="89.7"
        y="55.7"
        width="100.6"
        height="64.6"
        rx="2.3"
        stroke="var(--el-border-color-dark)"
        stroke-width="0.6"
      />
    </g>
    <rect
      x="94"
      y="60"
      width="92"
      height="46"
      rx="1"
      fill="var(--el-border-color-light)"
    />
    <path
      d="M126 113C126 112.448 126.448 112 127 112H129C129.552 112 130 112.448 130 113C130 113.552 129.552 114 129 114H127C126.448 114 126 113.552 126 113Z"
      fill="var(--el-color-primary-light-8)"
    />
    <rect
      x="134"
      y="112"
      width="4"
      height="2"
      rx="1"
      fill="var(--el-color-primary)"
    />
    <rect
      x="142"
      y="112"
      width="4"
      height="2"
      rx="1"
      fill="var(--el-color-primary-light-8)"
    />
    <rect
      x="150"
      y="112"
      width="4"
      height="2"
      rx="1"
      fill="var(--el-color-primary-light-8)"
    />
    <g filter="url(#filter1_d_13239_209013)">
      <circle cx="207" cy="88" r="5" fill="var(--el-color-primary)" />
    </g>
    <path
      d="M206.4 86.3994C206.933 86.9327 208 87.9994 208 87.9994L206.4 89.5996"
      stroke="white"
      stroke-width="0.5"
      stroke-linecap="round"
      stroke-linejoin="round"
    />
    <g filter="url(#filter2_d_13239_209013)">
      <circle
        cx="5"
        cy="5"
        r="5"
        transform="matrix(-1 0 0 1 78 83)"
        fill="var(--el-color-primary)"
      />
    </g>
    <path
      d="M73.6001 86.3994C73.0668 86.9327 72.0001 87.9994 72.0001 87.9994L73.6001 89.5996"
      stroke="white"
      stroke-width="0.5"
      stroke-linecap="round"
      stroke-linejoin="round"
    />
    <defs>
      <filter
        id="filter0_d_13239_209013"
        x="76.0666"
        y="42.0671"
        width="127.867"
        height="91.8659"
        filterUnits="userSpaceOnUse"
        color-interpolation-filters="sRGB"
      >
        <feFlood flood-opacity="0" result="BackgroundImageFix" />
        <feColorMatrix
          in="SourceAlpha"
          type="matrix"
          values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"
          result="hardAlpha"
        />
        <feOffset />
        <feGaussianBlur stdDeviation="6.66667" />
        <feComposite in2="hardAlpha" operator="out" />
        <feColorMatrix
          type="matrix"
          values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.05 0"
        />
        <feBlend
          mode="normal"
          in2="BackgroundImageFix"
          result="effect1_dropShadow_13239_209013"
        />
        <feBlend
          mode="normal"
          in="SourceGraphic"
          in2="effect1_dropShadow_13239_209013"
          result="shape"
        />
      </filter>
      <filter
        id="filter1_d_13239_209013"
        x="200"
        y="81"
        width="14"
        height="14"
        filterUnits="userSpaceOnUse"
        color-interpolation-filters="sRGB"
      >
        <feFlood flood-opacity="0" result="BackgroundImageFix" />
        <feColorMatrix
          in="SourceAlpha"
          type="matrix"
          values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"
          result="hardAlpha"
        />
        <feOffset />
        <feGaussianBlur stdDeviation="1" />
        <feComposite in2="hardAlpha" operator="out" />
        <feColorMatrix
          type="matrix"
          values="0 0 0 0 0.25098 0 0 0 0 0.619608 0 0 0 0 1 0 0 0 0.3 0"
        />
        <feBlend
          mode="normal"
          in2="BackgroundImageFix"
          result="effect1_dropShadow_13239_209013"
        />
        <feBlend
          mode="normal"
          in="SourceGraphic"
          in2="effect1_dropShadow_13239_209013"
          result="shape"
        />
      </filter>
      <filter
        id="filter2_d_13239_209013"
        x="66"
        y="81"
        width="14"
        height="14"
        filterUnits="userSpaceOnUse"
        color-interpolation-filters="sRGB"
      >
        <feFlood flood-opacity="0" result="BackgroundImageFix" />
        <feColorMatrix
          in="SourceAlpha"
          type="matrix"
          values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"
          result="hardAlpha"
        />
        <feOffset />
        <feGaussianBlur stdDeviation="1" />
        <feComposite in2="hardAlpha" operator="out" />
        <feColorMatrix
          type="matrix"
          values="0 0 0 0 0.25098 0 0 0 0 0.619608 0 0 0 0 1 0 0 0 0.3 0"
        />
        <feBlend
          mode="normal"
          in2="BackgroundImageFix"
          result="effect1_dropShadow_13239_209013"
        />
        <feBlend
          mode="normal"
          in="SourceGraphic"
          in2="effect1_dropShadow_13239_209013"
          result="shape"
        />
      </filter>
    </defs>
  </svg>
</template>
